<!DOCTYPE html>
<html lang="en" ng-app="App">
  <head>
    <meta charset="UTF-8">
    <title>ngzTree</title>
    <link rel="stylesheet" href="bower_components/ztree_v3/css/zTreeStyle/zTreeStyle.css">
    <script src="src/jquery.min.js"></script>
    <script src="bower_components/ztree_v3/js/jquery.ztree.all-3.5.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="src/ng-zTree-directive.js"></script>
    <!--<script src="app.js"></script>-->
    <script type="text/javascript">
      angular.module('App', ['ngzTree']).controller('ngzTreeController', [
        '$scope',
        function($scope) {
          $scope.setting = {
            data: {
              key: {
                title: "t"
              },
              simpleData: {
                enable: true
              }
            },
            callback: {
              onClick: function(event, treeId, treeNode, clickFlag) {
                console.log(treeNode)
              }
            }
          }

          $scope.zNodes = [{
            id: 1,
            pId: 0,
            name: "普通的父节点",
            t: "我很普通，随便点我吧",
            open: true
          }, {
            id: 11,
            pId: 1,
            name: "叶子节点 - 1",
            t: "我很普通，随便点我吧"
          }, {
            id: 12,
            pId: 1,
            name: "叶子节点 - 2",
            t: "我很普通，随便点我吧"
          }, {
            id: 13,
            pId: 1,
            name: "叶子节点 - 3",
            t: "我很普通，随便点我吧"
          }, {
            id: 2,
            pId: 0,
            name: "NB的父节点",
            t: "点我可以，但是不能点我的子节点，有本事点一个你试试看？",
            open: true
          }, {
            id: 21,
            pId: 2,
            name: "叶子节点2 - 1",
            t: "你哪个单位的？敢随便点我？小心点儿..",
            click: false
          }, {
            id: 22,
            pId: 2,
            name: "叶子节点2 - 2",
            t: "我有老爸罩着呢，点击我的小心点儿..",
            click: false
          }, {
            id: 23,
            pId: 2,
            name: "叶子节点2 - 3",
            t: "好歹我也是个领导，别普通群众就来点击我..",
            click: false
          }, {
            id: 3,
            pId: 0,
            name: "郁闷的父节点",
            t: "别点我，我好害怕...我的子节点随便点吧...",
            open: true,
            click: false
          }, {
            id: 31,
            pId: 3,
            name: "叶子节点3 - 1",
            t: "唉，随便点我吧"
          }, {
            id: 32,
            pId: 3,
            name: "叶子节点3 - 2",
            t: "唉，随便点我吧"
          }, {
            id: 33,
            pId: 3,
            name: "叶子节点3 - 3",
            t: "唉，随便点我吧"
          }]

        }
      ])
    </script>
  </head>
  <body ng-controller="ngzTreeController">
    <ul class="ztree" id="tree" z-nodes = "zNodes" setting = "setting" z-tree></ul>
  </body>
</html>